@mixin border($width: 1px, $color: #ccc, $style: solid, $radius: 0) {
  position: relative;
  &::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;

    border-width: $width;
    border-color: $color;
    border-style: $style;

    z-index: 999;
    border-radius: $radius;

    @media screen and (-webkit-max-device-pixel-ratio: 1.49) {
      width: 100%;
      height: 100%;
    }

    @media screen and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 2.49) {
      width: 200%;
      height: 200%;
      transform: scale(0.5);
    }

    @media screen and (-webkit-min-device-pixel-ratio: 2.5) {
      width: 300%;
      height: 300%;
      transform: scale(0.3333333);
    }
    
    transform-origin: 0 0;
  }
}